/*#region 通用*/
body { color: #000; font-size: 14px;  font-family: Arial; }
a{color: #000;}
a:hover{color: #e50013;}
body, div, p, img, ul, ol, li, form, input, label, span, dl, dt, dd, h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0; }
img {
  aspect-ratio: attr(width) / attr(height);
}
ul, ol, li, dl, dd, dt {list-style-type: none; }
.img-width{width: 100%;height: auto;}
.main-container { margin-bottom: 40px; margin-top: 30px; }
.bghui{background: #f2f2f2;}
.card-thumb img{transition: all 0.5s ease;}
.card-thumb:hover img{transform: scale(1.05);}
.container-xl.long{max-width: 1630px;}
@media(max-width:768px) {
    .main-container { margin: 20px 0; }
}
/*#endregion*/

.header {z-index: 999;width: 100%;}
.header-desc{font-size: 14px;color: #97c6f4;line-height: 42px;background: #fff;}
.header-top{background: #fff; padding: 20px 0; }
.header-top .top-box {display: flex;align-items: center;justify-content: flex-end;}
.header-top .top-search{margin-left: 20px;}

.navbar { padding: 0px;position: relative; z-index: 9999;}
.navbar-custom { top: 0; z-index: 2; justify-content: end;}
.navbar-custom .navbar-nav > .nav-item { font-size: 16px; min-width: 100px; margin: 0 15px;  }
.navbar-custom .navbar-nav .nav-link {display: flex;align-items: center;line-height: 40px;text-transform: uppercase; justify-content: center; text-align: center; color:#008296; font-size: 16px; }
.navbar-custom .navbar-nav .nav-link:after,.navbar-custom .navbar-nav .nav-link:after{content: "";width: 0px;height: 5px;background: linear-gradient(#28bed4, #0f8da0);position: absolute; bottom: 0;}
.navbar-custom .navbar-nav .nav-link:hover:after,.navbar-custom .navbar-nav .nav-link.active:after{width: 70px; transition: all 0.3s;}
.navbar-custom .navbar-nav .nav-link:hover{color: #008296;}
.navbar-custom .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }
.navbar-custom .navbar-nav .show > .nav-link,
.navbar-custom .navbar-nav .active > .nav-link,
.navbar-custom .navbar-nav .nav-link.show,
.navbar-custom .navbar-nav .nav-link.active{color: #008296;}
.navbar-custom .navbar-text { color: rgba(0, 0, 0, 0.5); }
.navbar-custom .navbar-text a { color: rgba(0, 0, 0, 0.9); }
.navbar-custom .navbar-text a:hover, .navbar-custom .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }


@media(max-width:1200px) {
.navbar-custom .navbar-nav .nav-item { margin: 0 5px;}
}
@media(max-width:768px) {
    
}
/*#endregion*/

/*#region 栏目列表*/
.menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff; }
.menu-collapse .collapse-title { padding: 0.875rem; background: #ed7902; color: #fafafa; }
.menu-collapse .collapse-title h5 { font-size: 1.25rem; font-weight: 500; }
.menu-collapse .collapse-title .navbar-toggler { color: #fff; }
.menu-collapse .menu-link { transition: background-color ease 0.2s; color: #666; border-bottom: 1px solid #e7e7e7 }
.menu-collapse ul ul .menu-link { padding: 12px 16px 12px 30px; }
.menu-collapse .menu-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: #ed7902 }
.menu-collapse .menu-link:hover { background: #f8f9fa; }
.menu-collapse .drop { }
.menu-collapse .menu-link.active { background: #f6f6f6; color: #666 }

.menu-horizontal-wrapper.pro{box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);}
.menu-horizontal-wrapper.pro h2{font-size: 22px;color: #0a8496;padding: 15px 10px;text-align: center;font-weight: bold;border-bottom: 5px solid #0a8496;}
.menu-horizontal { display: block;padding: 10px;}
.menu-horizontal .nav-item {  display: block; margin-bottom: 2px; }
.menu-horizontal .nav-item:last-child{margin-bottom: 0;}
.menu-horizontal .nav-link {width: 100%; padding: 8px 15px; color: #333333;display: block;text-align: left;  font-size: 17px; }
.menu-horizontal .nav-link:after{content: "\f054";font-family: cmsfont;font-size: 16px;margin-left: 8px;}
.menu-horizontal .nav-item.active .nav-link:before{color: #0a8496;  }
.menu-horizontal .nav-link:hover:before {color: #0a8496; transition: all 0.3s; }
.menu-horizontal .nav-item.active .nav-link:after{content: "\f078"; }
.menu-horizontal .nav-link:hover:after {content: "\f078"; transition: all 0.3s; }

.menu-horizontal .nav-item.active .menu-horizontal-child{display: flex;}
.menu-horizontal-child { display: none; flex-wrap: wrap; padding-left: 10px; }
.menu-horizontal-child .nav-item-child{display: flex;align-items: center;position: relative;width: 100%;}
.menu-horizontal-child .nav-link-child:before { content: "-"; font-size: 14px;color: #727272;margin-right: 7px;}
.menu-horizontal-child .nav-link-child { color: #515151;font-size: 14px;line-height: 24px; padding: 5px 15px; width: 100%;display: block; }
.menu-horizontal-child .nav-link-child.active { color: #0a8496;text-decoration: underline; }
.menu-horizontal-child .nav-link-child.active:before { color: #0a8496;}
.menu-horizontal-child .nav-link-child:hover{color: #0a8496; text-decoration: underline; }
.menu-horizontal-child .nav-link-child:hover:before { color: #0a8496;}

.ny-nav{margin-top: 40px;}
.menu-horizontal-about{display: flex;justify-content: center;margin-bottom: 35px;}
.menu-horizontal-about .nav-item-about { margin-right: 12px;margin-left: 12px; color: #626262;}
.menu-horizontal-about .nav-link-about {padding: 10px 30px; color: #626262;display: block;font-weight: bold; text-align: left;background: #efefef; font-size: 20px;border-radius: 50px;overflow: hidden; }
.menu-horizontal-about .nav-link-about.active,.menu-horizontal-about .nav-link-about:hover {color: #fff; background: linear-gradient(#28bed4, #0f8da0);  }

@media(max-width:768px) {
    .nynav-about{padding-right: 0px;}
    
}
/*#endregion*/

/*#region 位置导航*/
/*#region 位置导航*/
.ny-crumb{background: url(../../images/banner-ny.jpg) no-repeat top center;}
.ny-crumb .container-xl{display: flex;justify-content: flex-start;align-items: center;height: 400px; }
.page-title { display: block; }
.page-title .title{font-size: 36px;font-weight: bold; color: #fff;text-align: center;margin-bottom: 10px;}
.page-title a{color: #fff;}
.page-title a:hover{text-decoration: underline;}
.page-title .breadcrumb { justify-content: flex-start; }
.breadcrumb-item + .breadcrumb-item::before { color: #fff;font-family: cmsfont; content: "\f054";font-size: 10px;  }
.page-title .breadcrumb:before { font-family: cmsfont; content: "\f016"; margin-right: 0.25rem; color: #fff}

@media(max-width:768px) {
    
}
/*#endregion*/

/*#region 其他*/
/*分页*/
.page-link { padding: .5rem 0.875rem; }
.page-item.active .page-link { color: #fff; background-color: #0095d9; border-color: #0095d9; }

/*留言*/
.form-feedback .form-control{ background: #fff; color: #4b4b4b; border-radius: 10px;overflow: hidden; padding-top: 10px;padding-bottom: 10px;  }
.form-feedback .btn { color: #777; color: #fff; background: #09bbbb;border-radius: 10px; font-size: 18px; line-height: 22px;}
.form-feedback .btn:hover{background:#7bb9f1 }

/*搜索*/
.search-group { width: 170px; height: 37px; background: transparent; overflow: hidden;border: 1px solid #fff;border-radius: 5px;}
.search-group .form-control { border: none; border-radius: 0px ;background: transparent;color: #fff;}
.search-group .form-control::-webkit-input-placeholder{color: #fff;}
.search-group .btn {border-radius: 0px;background:#42434a; height: 37px;  width: 37px;display: flex;justify-content: center;align-items: center; padding: 6px 15px; margin-bottom: 0; }
.search-group i { color: #fff; font-size: 1.3rem; }
.search-group .btn:hover{background: #42434a;}
.search-group .btn:hover i{color: #fff;}


/*#表格*/
.table-wrapper table th, .table-wrapper table td { padding: 5px; vertical-align: middle; font-size: 14px; border: 1px solid #dee2e6; text-align: center; }
.table-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.table-wrapper table tbody tr:hover { background-color: #dee2e6; color: #555; }
.table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
@media (max-width: 575.98px) {
    .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media(max-width:768px) {
    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 991.98px) {
    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 1500.98px) {
    .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}


/*#endregion*/


/*#弹出留言表单*/
.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1000;
    display: none;
    top: 0;
    left: 0;
    background: rgba(00, 00, 00, 0.8);
}

.reveal-modal {
    visibility: hidden;
    top: 250px;
    left: 50%;
    margin-left: -25%;
    width: 50%;
    position: absolute;
    z-index: 1001;
    padding: 35px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    background-color: #FFF;
}

.reveal-modal .title {
    font-size: 30px;
    text-align: center;
    margin-bottom: 25px;
}

.reveal-modal .close-reveal-modal {
    font-size: 30px;
    line-height: 0.5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #333;
    text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
    font-weight: bold;
    cursor: pointer;
}

@media(max-width:768px) {
    .reveal-modal {
        visibility: hidden;
        top: 50px;
        left: 50%;
        margin-left: -45%;
        width: 90%;
        position: absolute;
        z-index: 1001;
        padding: 25px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
        -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
        background-color: #FFF;
    }
    .reveal-modal .title {
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
    }
}


.feedpc{position:fixed;right: 0px;top:75%;cursor: pointer;z-index: 70;}
.feedpc .feed{display: flex;align-items: center;}
.feedpc .feed .img{z-index: 60;margin-right: -20px;}
.feedpc .feed p{background: #414141;height: 50px;font-size: 18px;font-weight: bold;color: #fff;text-align: center;line-height: 50px;padding: 0 15px 0 25px;}

@media(max-width:768px) {
    .feedpc .feed .img{margin-right: 0px;}
    .feedpc .feed .img img{width: 50px;height: 50px;}
    .feedpc .feed p{display: none;}
    .totop{z-index:10;}
}



/*#region 手机端*/
.header-mb{background: #fff;position: fixed;top: 0;left: 0;right: 0;width: 100%;border-bottom: 1px solid #fff;z-index: 999;}
.header-mb .container-xl{height: 50px;}
.header-mb .top-logo{width: 50%;}
.header-mb .top-logo img{height: 30px;width: auto;}
.header-mb .top-mb{display: flex; align-items: center;width: 50%;justify-content: flex-end; }
.header-mb .top-mb .dropdown.lang .dropdown-toggle{background: transparent; padding: 0;}
.header-mb .top-mb .dropdown-menu{min-width: 80px;margin-top: 8px;}
.header-mb .top-mb .top-mb-search{padding: .5rem .4rem; margin-left: 10px; width: 30px; text-align: center; }
.header-mb .top-mb .top-mb-search i{font-size: 16px;color: #333}
.header-mb .top-mb .icon-bars{color: #333;}
.header-mb .top-mb .dropdown.lang .dropdown-toggle{color: #333;}
.top-mb-search-box{display: none; position: fixed;background: #fff; top: 50px; padding: 6px 15px 10px;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);z-index: 998;width: 100%; }
.top-mb-search-box .search-group{width: 100%;height: 38px;}
.top-mb-feed i{font-size: 16px;color: #333}

.mobile-head-item .main-content-wrap {
  background: #FFF;
  top: 0;
  display: block;
  z-index: 99999;
 }
 .mobile-head-item .main-content-wrap .content-wrap {
  overflow-y: auto;
  height: 100%;
  padding: 15px 10px;
  background-color: #fff;
 }
 .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {
  overflow-y: hidden;
 }
 .mobile-head-item .side-content-wrap {
  position: fixed;
  display: block;
  right: -80%;
  width: 80%;
  height: 100%;
 }
 .mobile-head-item .middle-content-wrap {
  position: absolute;
  right: 0;
  width: 100%;
  height: auto;
  padding: 20px 0;
  opacity: 0;
  visibility: hidden;
 }
 .mobile-head-item .middle-show-content-wrap {
  top: 30px;
  visibility: visible;
  opacity: 1;
 }
 /* header */.head_top .top_left {
  display: none;
 }
 
 /*nav */.head_nav {
  width: 100%;
  padding: 0 5px;
 }
 .head_nav li {
  padding-left: 28px;
  padding-top: 4px;
  padding-bottom: 4px;
 }
 .head_nav li,
 .head_nav li a {
  color: #111;
 }
 .head_nav li.has-child {
  padding-left: 28px;
  margin-top: 0;
  margin-bottom: 0;
 }
 .head_nav li.has-child>a {
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 35px;
 }
 .head_nav li.has-child>ul {
  display: none;
 }
 .head_nav li.siblings-no-menu {
  position: relative;
  padding-left: 15px;
 }
 .head_nav li a {
  display: block;
  height: auto;
  line-height: 1.4em;
  position: relative;
 }
 .head_nav li a:hover {
  color: inherit;
 }
 .head_nav li em {
  display: block;
  height: 1.4em;
  overflow: hidden;
 }
 .head_nav li li {
  font-size: 14px;
 }
 .head_nav li li li {
  font-size: 12px;
 }
 .head_nav li li a {
  color: #666;
 }
 .head_nav li.has-child a b {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #111;
  border-radius: 2px;
  overflow: hidden;
  line-height: 15px;
  position: absolute;
  right: -35px;
  top: 1px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
 }
 .head_nav li.has-child a b:before,
 .head_nav li.has-child a b:after {
  content: '';
  display: block;
  width: 9px;
  height: 1px;
  background-color: #111;
  position: absolute;
  left: 3px;
  top: 50%;
  margin-top: -.5px;
 }
 .head_nav li.has-child a b:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
 }
 .head_nav li.has-child a:hover b {
  border-color: #111;
 }
 .head_nav>li {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f2f2f2;
 }
 .head_nav>li>a {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: -1px;
  position: relative;
  text-transform: uppercase;
  position: relative;
 }
 .head_nav li,
 .head_nav li.has-child {
  padding-left: 0;
 }
 .head_nav li li,
 .head_nav li li.has-child {
  padding-left: 15px;
 }
 .head_nav li.active>a>b:after {
  display: none;
 }
 .head_nav li.active>a>b {
  background-color: #111;
 }
 .head_nav li.active>a>b:before,
 .head_nav li.active>a>b:after {
  background-color: #fff;
 }

 .mobile-ico-close {
  width: 30px;
  height: 30px;
  background: #fff url(../../images/mobile_close.png) center center no-repeat;
  background-size: 50% auto;
  position: absolute;
  left: -35px;
  top: 0;
  cursor: pointer;
 }
/*#endregion*/

@media(max-width:768px) {
    body{padding-top: 50px;}
    
}
/*#endregion*/



.banner-1812201112 {
  position: relative;
  width: 100%;
  min-width: 1200px;
  padding-bottom: 18px; }

  .banner-1812201112 .top {
    position: relative;
    width: 100%;
    height: 48px;
    min-width: 1200px;
    background: #222;}
.banner-1812201112 .top .inner{
    width: 1200px;
    height: 48px;
    margin: 0 auto;
}
.banner-1812201112 .top .inner .tblink{
    min-width: 300px;
    float: right;
    height: 48px;
    padding: 5px;
}
.banner-1812201112 .top .inner .tblink ul li{
    float: left;
    margin: 0 5px;
}
.banner-1812201112 .top .inner .tblink img{
    width: auto;
    height: 34px;
}
.banner-1812201112 .bottom{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    height: 150px;
    justify-content: space-between;
}
.banner-1812201112 .bottom .logo{
    width: 160px;
    height: 120px;
    margin-top: 25px;
}

  .banner-1812201112 .nav {
    position: relative;
    min-width: 400px;
    background: #fff;
      margin-top: 50px;
    z-index: 1000; }
    .banner-1812201112 .nav.active {
      position: fixed;
        width: 100%;
        margin-top: 0;
      top: 0;
      left: 0;
      border-bottom: 1px solid #dadadb; }
      .banner-1812201112 .nav.active .inner li.log {
        display: block; }

  .banner-1812201112 .active .inner {
    position: relative;
    width: 1200px;
    margin: 0 auto; }

    .banner-1812201112 .nav .inner {
      padding: 18px 0;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      z-index: 1000; }
      .banner-1812201112 .nav .inner .oli {
        margin: 0 12px; }
        .banner-1812201112 .nav .inner .oli.act .oa {
          color: #1c5198; }
          .banner-1812201112 .nav .inner .oli.act .oa::before {
            transform: rotate(-135deg); }
          .banner-1812201112 .nav .inner .oli.act .oa::after {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0); }
        .banner-1812201112 .nav .inner .oli:first-child {
          margin-left: 0; }
        .banner-1812201112 .nav .inner .oli.log {
          display: none; }
          .banner-1812201112 .nav .inner .oli.log img {
            position: relative;
            width: auto;
            height: 48px; }
        .banner-1812201112 .nav .inner .oli .oa {
          position: relative;
          display: block;
          padding-right: 20px;
          padding-top: 18px;
          padding-bottom: 18px;
          color: #07070b;
          font-size: 16px;
          -webkit-transition: color .2s ease-in-out;
          transition: color .2s ease-in-out;
          font-weight: 500; }
          .banner-1812201112 .nav .inner .oli .oa:hover {
            color: #1c5198; }
            .banner-1812201112 .nav .inner .oli .oa:hover::before {
              transform: rotate(-135deg); }
            .banner-1812201112 .nav .inner .oli .oa:hover::after {
              opacity: 1;
              -webkit-transform: translateY(0);
              -ms-transform: translateY(0);
              transform: translateY(0); }
          .banner-1812201112 .nav .inner .oli .oa::before {
            content: "";
            position: absolute;
            right: 0;
            width: 4px;
            height: 4px;
            top: 50%;
            z-index: 2;
            margin-top: -3px;
            border-right: 1px solid #666666;
            border-bottom: 1px solid #666666;
            transform: rotate(45deg);
            -webkit-transition: -webkit-transform .3s ease-in-out, color .2s ease-in-out;
            transition: transform .3s ease-in-out, color .2s ease-in-out; }
          .banner-1812201112 .nav .inner .oli .oa::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 2px;
            background: #1c5198;
            bottom: 0;
            left: 0;
            opacity: 0;
            -webkit-transform: translateY(200%);
            -ms-transform: translateY(200%);
            transform: translateY(200%);
            -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
            transition: opacity .3s ease-in-out, transform .3s ease-in-out; }
.banner-1812201112 .nav .inner .oli .yul{
    display: none;
    width: 150px;
    border: 2px #000 solid;
    padding: 10px;
    background: #fff;
    position: absolute;
    top:73px;
    margin-left: -35px;
}
.banner-1812201112 .nav .inner .oli .yul .yli{
    position: relative;
    width: 100%;
    font-size: 15px;
    line-height: 18px;
    padding: 8px;
    border-bottom: 1px #8E8484 solid;
    text-align: center;
}
.banner-1812201112 .nav .inner .oli .yul .yli .ya:hover{
    color: #1c5198;
}
.banner-1812201112 .nav .inner .oli:hover .yul{
    display: block;
}



.home-carousel-1808081351 {
  position: relative;
  width: 100%;
  height: auto;
  min-width: 1200px; }
  .home-carousel-1808081351 .swiper-container {
    position: relative;
    width: 100%;
    margin: 0 auto; }
    .home-carousel-1808081351 .swiper-container .swiper-pagination-bullet {
      width: 62px;
      height: 2px;
      display: inline-block;
      border-radius: 0;
      background: #fff;
      opacity: 1; }
      .home-carousel-1808081351 .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #00837a; }
    .home-carousel-1808081351 .swiper-container .swiper-slide .item {
      position: relative;
      display: block;
      width: 100%;
      height: auto;
      margin: 0 auto;
      transition: .3s; }
    .home-carousel-1808081351 .swiper-container .swiper-slide .img {
      position: relative;
      width: 100%;
      height: auto; }
      .home-carousel-1808081351 .swiper-container .swiper-slide .img img {
        width: 100%;
        height: 100%; }



.home-about-1807041402 {
  width: 100%;
  padding-top: 80px;
  background: #F4F4F4;
  height: 450px; }
  .home-about-1807041402 .inner {
    width: 1200px;
    margin: 0 auto;
    position: relative; }
    .home-about-1807041402 .inner .dbtk {
      width: 200px;
      margin: 0 auto 50px;
      border-bottom: 1px #cccccc solid;
      height: 51px; }
      .home-about-1807041402 .inner .dbtk .dbt {
        text-align: center;
        font-size: 24px;
        height: 49px;
        line-height: 36px;
        color: #333; }
      .home-about-1807041402 .inner .dbtk .hxt {
        width: 30px;
        height: 3px;
        background: #1c5198;
        margin: 0 auto; }
    .home-about-1807041402 .inner .jj {
      width: 100%;
      text-align: center;
      font-size: 14px;
      color: #333;
      line-height: 32px;
      padding: 0px 80px;}
    .home-about-1807041402 .inner .mo {
      width: 130px;
      height: 36px;
      margin: 50px auto; }
      .home-about-1807041402 .inner .mo a {
        width: 100%;
        height: 100%;
        background: #1c5198;
        font-size: 14px;
        line-height: 36px;
        display: block;
        text-align: center;
        color: #fff;
        transition: all 0.5s; }
      .home-about-1807041402 .inner .mo a:hover {
        background: #fb4542;
        color: #fff;
        transition: all 0.5s; }
    .home-about-1807041402 .inner .fw {
      width: 100%;
      height: 130px;
      margin-top: 20px; }
      .home-about-1807041402 .inner .fw .fw1 {
        width: 380px;
        height: 130px;
        background: #f6f6f6;
        float: left; }
        .home-about-1807041402 .inner .fw .fw1 .fwbt {
          width: 320px;
          margin: 30px auto 0px;
          height: 24px; }
          .home-about-1807041402 .inner .fw .fw1 .fwbt img {
            float: left;
            width: 40px;
            height: 24px; }
          .home-about-1807041402 .inner .fw .fw1 .fwbt span {
            float: left;
            width: 280px;
            height: 24px;
            padding-left: 10px;
            font-size: 20px;
            color: #1c5198; }
        .home-about-1807041402 .inner .fw .fw1 .fwzt {
          width: 320px;
          margin: 0 auto;
          font-size: 14px;
          color: #333333;
          line-height: 19px;
          padding-top: 5px; }
      .home-about-1807041402 .inner .fw .fw2 {
        width: 380px;
        height: 130px;
        background: #1c5198;
        float: left;
        margin: 0 30px; }
        .home-about-1807041402 .inner .fw .fw2 .fwbt {
          width: 320px;
          margin: 30px auto 0px;
          height: 24px; }
          .home-about-1807041402 .inner .fw .fw2 .fwbt img {
            float: left;
            width: 40px;
            height: 24px; }
          .home-about-1807041402 .inner .fw .fw2 .fwbt span {
            float: left;
            width: 280px;
            height: 24px;
            padding-left: 10px;
            font-size: 20px;
            color: #fff; }
        .home-about-1807041402 .inner .fw .fw2 .fwzt {
          width: 320px;
          margin: 0 auto;
          font-size: 14px;
          color: #fff;
          line-height: 19px;
          padding-top: 5px; }

/*end*/




.home-product-1807041402 {
  width: 100%;
  position: relative;
  background:#f4f4f4; }
  .home-product-1807041402 .inner {
    width: 1200px;
    position: relative;
    margin: 0 auto;
    padding-top: 20px;
    height: 614px; }
    .home-product-1807041402 .inner .dbtk {
      width: 200px;
      margin: 30px auto 30px;
      border-bottom: 1px #cccccc solid;
      height: 51px; }
      .home-product-1807041402 .inner .dbtk .dbt {
        text-align: center;
        font-size: 24px;
        height: 49px;
        line-height: 36px;
        color: #152437; }
      .home-product-1807041402 .inner .dbtk .hxt {
        width: 30px;
        height: 3px;
        background: #1c5198;
        margin: 0 auto; }
    .home-product-1807041402 .inner .lm {
      margin: 20px auto 0px;
      position: relative;
      display: table; }
      .home-product-1807041402 .inner .lm ul li {
        width: 220px;
        margin: 0px 15px;
        height: 34px;
        float: left;
        text-align: center; }
        .home-product-1807041402 .inner .lm ul li a {
          width: 100%;
          height: 100%;
          display: block;
          font-size: 14px;
          color: #333333;
          line-height: 34px;
          border: 1px #cccccc solid; }
        .home-product-1807041402 .inner .lm ul li a:hover {
          color: #fff;
          background: #1c5198;
          border: none; }
    .home-product-1807041402 .inner .list {
      width: 100%;
      position: relative;
      margin: 60px auto 0px;
      height: 230px; }
      .home-product-1807041402 .inner .list .slick-prev:before {
        color: #1c5198;
      }
      .home-product-1807041402 .inner .list .slick-next:before {
        color: #1c5198;
      }
      .home-product-1807041402 .inner .list .pro {
        width: 270px;
        height: 230px;
        float: left;
        border: 1px #e4e2e2 solid;
        background-color: white;
        padding: 15px;
        margin: 0 15px; }
        .home-product-1807041402 .inner .list .pro .img {
          width: 100%;
          height: 130px;
          display: block; }
          .home-product-1807041402 .inner .list .pro .img img {
            width: 270px;
            height: 130px; }
        .home-product-1807041402 .inner .list .pro h3 {
          width: 100%;
          height: 30px;
          text-align: center;
          overflow: hidden; }
          .home-product-1807041402 .inner .list .pro h3 a {
            font-size: 14px;
            color: #333;
            font-weight: normal;
            width: 100%;
            height: 30px;
            line-height: 30px; }
          .home-product-1807041402 .inner .list .pro h3 a:hover {
            color: #1c5198; }
        .home-product-1807041402 .inner .list .pro p {
          width: 100%;
          font-size: 12px;
          color: #acacac;
          line-height: 17px;
          height: 34px;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden; 
          }
    .home-product-1807041402 .inner .mo {
      width: 1200px;
      height: 40px;
      margin: 40px auto 0px;
      position: relative; }
      .home-product-1807041402 .inner .mo a {
        width: 100%;
        height: 100%;
        display: block;
        text-align: center;
        font-size: 12px;
        color: #fff;
        background: #1c5198;
        transition: all 0.5s;
        line-height: 40px; }
      .home-product-1807041402 .inner .mo a:hover {
        background: #2b2f33;
        color: #fff;
        transition: all 0.5s; }


.imgtxt180720 {
  position: relative;
  width: 100%;
  min-width: 1200px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .imgtxt180720 .box {
    position: relative;
    width: 50%; }
    .imgtxt180720 .box .img {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 300px;
      overflow: hidden; }
/*      .imgtxt180720 .box .img:hover::after {
        opacity: 0; }
*/      .imgtxt180720 .box .img:hover img {
        transform: scale(1.03);
        -webkit-transform: scale(1.03);
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -o-transform: scale(1.03); }
        .imgtxt180720 .box .img:hover .txt {
        background: rgba(0, 0, 0, 0.4); }
/*      .imgtxt180720 .box .img::after {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.1);
        opacity: 1;
        transition: 0.5s ease all; }*/
      .imgtxt180720 .box .img img {
        width: 100%;
        transition: .8s ease-in-out;
        -webkit-transition: .8s ease-in-out;
        -moz-transition: .8s ease-in-out;
        -ms-transition: .8s ease-in-out;
        -o-transition: .8s ease-in-out;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1); }
      .imgtxt180720 .box .img .txt {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        padding: calc(3% + 8px) 3% 3% 9%;
        transition: 0.5s ease all; }
        .imgtxt180720 .box .img .txt.w .t1 {
          color: #fff; }
        .imgtxt180720 .box .img .txt.w p {
          color: #fff; }
        .imgtxt180720 .box .img .txt .t1 {
          font-size: 30px;
          color: #fff;
          margin-bottom: 10px;
          font-weight: bold; }
        .imgtxt180720 .box .img .txt p {
          font-size: 14px;
          color: #fff; }

.home-news-1808011608 {
  position: relative;
  width: 1005;
  min-width: 1200px;
  background: #f6f6f6; }
  .home-news-1808011608 .inner {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0; }
    .home-news-1808011608 .inner .title {
      position: relative;
      width: 100%;
      padding-bottom: 40px;
      font-size: 32px;
      color: #242424;
      text-align: center; }
    .home-news-1808011608 .inner .box {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
      .home-news-1808011608 .inner .box .li {
        position: relative;
        display: block;
        width: 380px;
        background: #fff;
        top: 0;
        transition: all ease 0.3s; }
        .home-news-1808011608 .inner .box .li:hover {
          top: -5px;
          box-shadow: 0px 3px 20px #ccc; }
          .home-news-1808011608 .inner .box .li:hover .txt .hd {
            color: #0055a2; }
          .home-news-1808011608 .inner .box .li:hover .txt .m {
            color: #0055a2;
            background-position: right -19px; }
        .home-news-1808011608 .inner .box .li .img {
          width: 100%; }
          .home-news-1808011608 .inner .box .li .img img {
            width: 100%;
            height: auto; }
        .home-news-1808011608 .inner .box .li .txt {
          position: relative;
          margin: 0 10px;
          padding: 10px 10px 20px;
          background: #fff; }
          .home-news-1808011608 .inner .box .li .txt .d {
            font-size: 12px;
            color: #989898; }
          .home-news-1808011608 .inner .box .li .txt .hd {
            position: relative;
            width: 100%;
            overflow: hidden;
            font-size: 16px;
            color: #313131;
            font-weight: 700;
            line-height: 24px;
            height: 24px;
            margin: 5px 0 10px; }
          .home-news-1808011608 .inner .box .li .txt p {
            position: relative;
            overflow: hidden;
            line-height: 20px;
            height: 60px;
            color: #989898;
            font-size: 12px; }
          .home-news-1808011608 .inner .box .li .txt .m {
            margin-top: 20px;
            color: #989898;
            font-size: 12px;
            height: 11px;
            line-height: 11px;
            text-align: right;
            padding-right: 30px;
            font-weight: 500;
            /*background-image: url(../../images/s5.png);*/
            background-position: right 0;
            background-repeat: no-repeat; }

        .home-news-1808011608 .inner .dbtk {
      width: 200px;
      margin: 10px auto 40px;
      border-bottom: 1px #cccccc solid;
      height: 51px; }
      .home-news-1808011608 .inner .dbtk .dbt {
        text-align: center;
        font-size: 24px;
        height: 49px;
        line-height: 36px;
        color: #152437; }
      .home-news-1808011608 .inner .dbtk .hxt {
        width: 30px;
        height: 3px;
        background: #1c5198;
        margin: 0 auto; }

.foot-navigation-22 {
  position: relative;
  width: 100%;
  min-width: 1200px;
  background-image: -webkit-linear-gradient(270deg, #000, #3a3a3a); }
  .foot-navigation-22 .inner {
    position: relative;
    width: 1200px;
    margin: 0 auto; }
    .foot-navigation-22 .inner .top {
      position: relative;
      padding: 80px 0;
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .foot-navigation-22 .inner .top .box {
        position: relative;
        max-width: 280px; }
        .foot-navigation-22 .inner .top .box .logo {
          position: relative;
          width: auto;
          display: flex;
          align-items: flex-end;
          justify-content: flex-start; }
          .foot-navigation-22 .inner .top .box .logo .img {
            position: relative;
            width: auto;
            height: 72px; }
            .foot-navigation-22 .inner .top .box .logo .img img {
              width: auto;
              height: 100%; }
          .foot-navigation-22 .inner .top .box .logo .txt {
            position: relative;
            width: auto;
            padding-left: 10px; }
            .foot-navigation-22 .inner .top .box .logo .txt .t1 {
              font-size: 19px;
              font-weight: bolder;
              color: #d4d4d4;
              line-height: 20px; }
        .foot-navigation-22 .inner .top .box .t2 {
          position: relative;
          width: 280px;
          padding: 10px 0;
          font-size: 14px;
          color: #717070;
          line-height: 1.8em; }
        .foot-navigation-22 .inner .top .box .iconwrap .icon {
          position: relative;
          display: inline-block;
          margin: 0 3px;
          width: 24px;
          height: 24px;
          border-radius: 3px;
          background-color: #000;
          background-repeat: no-repeat;
          background-image: url(https://sl2017-static.oss-cn-hangzhou.aliyuncs.com/previewImages/common_page/footer/footer-22/follow-service.png); }
          .foot-navigation-22 .inner .top .box .iconwrap .icon:hover {
            background-color: #aaa;
            transform: rotateY(360deg);
            -ms-transform: rotateY(360deg);
            -moz-transform: rotateY(360deg);
            -webkit-transform: rotateY(360deg);
            -o-transform: rotateY(360deg);
            transition: transform 1s;
            -moz-transition: transform 1s;
            -webkit-transition: transform 1s;
            -o-transition: transform 1s; }
          .foot-navigation-22 .inner .top .box .iconwrap .icon.i1 {
            background-position: 0 0; }
          .foot-navigation-22 .inner .top .box .iconwrap .icon.i2 {
            background-position: 0 -64px; }
          .foot-navigation-22 .inner .top .box .iconwrap .icon.i3 {
            background-position: 0 -128px; }
          .foot-navigation-22 .inner .top .box .iconwrap .icon.i4 {
            background-position: 0 -256px; }
          .foot-navigation-22 .inner .top .box .iconwrap .icon.i5 {
            background-position: 0 -320px; }
        .foot-navigation-22 .inner .top .box .t3 {
          position: relative;
          font-size: 18px;
          color: #f3f3f3;
          line-height: 1.8em;
          padding-bottom: 15px; }
        .foot-navigation-22 .inner .top .box .ta {
          position: relative;
          width: 100%;
          font-size: 14px;
          color: #908c8a;
          line-height: 25px; }
        .foot-navigation-22 .inner .top .box a.ta:hover {
          text-decoration: underline;
          color: #ccc; }
    .foot-navigation-22 .inner .ft {
      position: relative;
      padding: 40px 0;
      font-size: 14px;
      color: #717070;
      text-align: center;
      border-top: 1px solid #7b7b7b; }

#support{
  color: #717070;
}
#support:hover{
  color: #fb4542;
}
.footer-links{
  font-size: 12px;
  background: #F2F2F2;
  color:#666666;
  border-top: 2px solid #e9e9e9;
  line-height: 1.5;
}
.footer-links .links-content{
  width: 1200px;
  margin: 0 auto;
}
.footer-links .links-content a{
  color: #666;
  display:inline-block;
  margin-right: 10px;
  font-size: 12px;
  line-height: 40px;
}


/*about us*/
.title {
        position: relative;
        color: black;
        font-size: 26px;
        padding-top: 40px;
        text-align: center;
        border-bottom: 1px solid #eaeaea;
        margin-bottom: 40px; }

    .title span {
        font-size: 20px;
        color: #a8a8a8; }

    .title:after {
        content: "";
        display: block;
        position: relative;
        margin: 0 auto;
        margin-top: 15px;
        bottom: 0;
        width: 100px;
        height: 3px;
        background-color: black; }

    .inner_introduction-1 {
        position: relative;
        background-color: #fff; }

    .inner_introduction-1 .inner {
        position: relative;
        padding: 40px 100px;
        background-color: #fff; }

    .inner_introduction-1 .inner .box {
        position: relative;
        width: 100%;
        padding-top: 30px;
        padding-bottom: 30px; }

    .inner_introduction-1 .inner .box .img {
        position: relative;
        width: 550px;
        height: 362px;
        overflow: hidden; }

    .inner_introduction-1 .inner .box .img img {
        width: 100%;
        height: 100%; }

    .inner_introduction-1 .inner .box .txt {
        position: relative;
        width: 620px;
        font-size: 14px;
        line-height: 250%;
        color: #5a5a5a; }

    .inner_introduction-1 .filter {
    position: relative;
    width: 100%;
    min-width: 1200px;
    border-bottom: 1px solid #dadadb;
    padding: 20px 0; }
    .inner_introduction-1 .filter .innerxc {
      position: relative;
      width: 1200px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .inner_introduction-1 .filter .innerxc .box {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; }
        .inner_introduction-1 .filter .innerxc .box span {
          font-size: 12px;
          color: #6c6c6c; }
        .inner_introduction-1 .filter .innerxc .box .sel_wrap {
          position: relative;
          margin-left: 12px; }
          .inner_introduction-1 .filter .innerxc .box .sel_wrap .act {
            position: relative;
            display: block;
            padding: 22px;
            padding-right: 46px;
            font-size: 13px;
            color: #07070b;
            border: 2px solid transparent;
            -webkit-transition: border-color .3s ease-in-out;
            transition: border-color .3s ease-in-out; }
            .inner_introduction-1 .filter .innerxc .box .sel_wrap .act:hover {
              border-color: #1c5198; }
            .inner_introduction-1 .filter .innerxc .box .sel_wrap .act::after {
              position: absolute;
              content: "";
              width: 4px;
              height: 4px;
              border-right: 1px solid #6c6c6c;
              border-bottom: 1px solid #6c6c6c;
              transform: rotate(45deg);
              right: 21px;
              top: 50%;
              margin-top: -1px;
              -webkit-transition: -webkit-transform .3s ease-in-out;
              transition: transform .3s ease-in-out; }
            .inner_introduction-1 .filter .innerxc .box .sel_wrap .act.on {
              border-color: #1c5198;
              color: #1c5198; }
              .inner_introduction-1 .filter .innerxc .box .sel_wrap .act.on::after {
                transform: rotate(-135deg); }


/*产品列表*/

.inner-product-1807131132 {
  position: relative;
  width: 100%;
  min-width: 1200px;
  background: #fff; }
  .inner-product-1807131132 .filter {
    position: relative;
    width: 100%;
    min-width: 1200px;
    border-bottom: 1px solid #dadadb;
    padding: 20px 0; }
    .inner-product-1807131132 .filter .inner {
      position: relative;
      width: 1200px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .inner-product-1807131132 .filter .inner .box {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; }
        .inner-product-1807131132 .filter .inner .box span {
          font-size: 12px;
          color: #6c6c6c; }
        .inner-product-1807131132 .filter .inner .box .sel_wrap {
          position: relative;
          margin-left: 12px; }
          .inner-product-1807131132 .filter .inner .box .sel_wrap .act {
            position: relative;
            display: block;
            padding: 22px;
            padding-right: 46px;
            font-size: 13px;
            color: #07070b;
            border: 2px solid transparent;
            -webkit-transition: border-color .3s ease-in-out;
            transition: border-color .3s ease-in-out; }
            .inner-product-1807131132 .filter .inner .box .sel_wrap .act:hover {
              border-color: #1c5198; }
            .inner-product-1807131132 .filter .inner .box .sel_wrap .act::after {
              position: absolute;
              content: "";
              width: 4px;
              height: 4px;
              border-right: 1px solid #6c6c6c;
              border-bottom: 1px solid #6c6c6c;
              transform: rotate(45deg);
              right: 21px;
              top: 50%;
              margin-top: -1px;
              -webkit-transition: -webkit-transform .3s ease-in-out;
              transition: transform .3s ease-in-out; }
            .inner-product-1807131132 .filter .inner .box .sel_wrap .act.on {
              border-color: #1c5198;
              color: #1c5198; }
              .inner-product-1807131132 .filter .inner .box .sel_wrap .act.on::after {
                transform: rotate(-135deg); }
          .inner-product-1807131132 .filter .inner .box .sel_wrap .lists {
            position: absolute;
            right: 0;
            width: auto;
            min-width: 100%;
            padding: 24px;
            opacity: 0;
            background: #07070b;
            -webkit-transform: translateY(5px);
            -ms-transform: translateY(5px);
            transform: translateY(5px);
            -webkit-transition: visibility 0s linear .3s, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
            transition: visibility 0s linear .3s, opacity .3s ease-in-out, transform .3s ease-in-out;
            visibility: hidden;
            width: auto;
            z-index: 100; }
            .inner-product-1807131132 .filter .inner .box .sel_wrap .lists.active {
              opacity: 1;
              -webkit-transform: translateY(-2px);
              -ms-transform: translateY(-2px);
              transform: translateY(-2px);
              -webkit-transition-delay: 0s;
              transition-delay: 0s;
              visibility: visible; }
            .inner-product-1807131132 .filter .inner .box .sel_wrap .lists .list {
              position: relative; }
            .inner-product-1807131132 .filter .inner .box .sel_wrap .lists .lista {
              position: relative;
              white-space: nowrap;
              display: inline-block;
              color: #fff;
              font-size: 12px;
              line-height: 21px;
              -webkit-transition: color .3s ease-in-out;
              transition: color .3s ease-in-out; }
              .inner-product-1807131132 .filter .inner .box .sel_wrap .lists .lista::after {
                content: "";
                position: absolute;
                width: 100%;
                height: 2px;
                background: #1c5198;
                bottom: 0;
                left: 0;
                opacity: 0;
                -webkit-transform: translateY(5px);
                -ms-transform: translateY(5px);
                transform: translateY(5px);
                -webkit-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out;
                transition: transform .2s ease-in-out, opacity .2s ease-in-out; }
              .inner-product-1807131132 .filter .inner .box .sel_wrap .lists .lista:hover {
                color: #1c5198; }
                .inner-product-1807131132 .filter .inner .box .sel_wrap .lists .lista:hover::after {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                  -ms-transform: translateY(0);
                  transform: translateY(0); }
              .inner-product-1807131132 .filter .inner .box .sel_wrap .lists .lista.select {
                color: #1c5198; }
                .inner-product-1807131132 .filter .inner .box .sel_wrap .lists .lista.select::after {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                  -ms-transform: translateY(0);
                  transform: translateY(0); }
  .inner-product-1807131132 .listwrap {
    position: relative;
    width: 1200px;
    margin: 50px auto 24px;
    display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    flex-flow: row wrap; }
    .inner-product-1807131132 .listwrap .li {
      position: relative;
      width: 50%;
      padding: 0 24px;
      padding-bottom: 30px; }
    .inner-product-1807131132 .listwrap .item {
      position: relative;
      display: block;
      width: 100%;
      margin: 0 auto;
      transition: .3s;
      border: 1px solid #ddd; }
.inner-product-1807131132 .listwrap .item .txt {
        position: relative;
        padding: 10px 36px 10px;
        border-top: 1px solid #DDDDDD;
        width: 100%; }
        .inner-product-1807131132 .listwrap .item .txt .t1 {
          position: relative;
          height: 40px;
          overflow: hidden;
          display: flex;
          align-items: flex-end;
          justify-content: center;
          font-size: 20px;
          color: #000;
          line-height: 21px;
          text-align: center;
          text-transform: uppercase; }
        .inner-product-1807131132 .listwrap .item .txt .t2 {
          font-size: 13px;
          color: #666;
          margin-top: 15px;
          line-height: 21px;
          position: relative;
          height: 42px;
          overflow: hidden; }
        .inner-product-1807131132 .listwrap .item .txt .lin {
          position: relative;
          width: 40px;
          height: 2px;
          background: #7f7f7f;
          margin: 0 auto;
          margin-top: 10px;
          margin-bottom: 10px; }
    .inner-product-1807131132 .listwrap .img {
      position: relative;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      width: 100%;
      height: 300px;
      margin-bottom: 12px; }
      .inner-product-1807131132 .listwrap .img img {
        width: 100%;
        height: 100%; }
    .inner-product-1807131132 .listwrap .more {
        width: 100%;
        height: 50px;
        border-top: 1px solid #DDDDDD;
        padding-right: 36px;
        text-align: right;
        line-height: 50px; }

.pagewrap {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-bottom: 30px; }


/*产品详情*/
.content-product-1807131132 {
  position: relative;
  width: 100%; }
  .content-product-1807131132 .filter {
    position: relative;
    width: 100%;
    min-width: 1200px;
    border-bottom: 1px solid #dadadb;
    z-index: 999;
    padding: 20px 0; }
    .content-product-1807131132 .filter .inner {
      position: relative;
      width: 1200px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .content-product-1807131132 .filter .inner .box {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; }
        .content-product-1807131132 .filter .inner .box span {
          font-size: 12px;
          color: #6c6c6c; }
        .content-product-1807131132 .filter .inner .box .sel_wrap {
          position: relative;
          margin-left: 12px; }
          .content-product-1807131132 .filter .inner .box .sel_wrap .act {
            position: relative;
            display: block;
            padding: 22px;
            padding-right: 46px;
            font-size: 13px;
            color: #07070b;
            border: 2px solid transparent;
            -webkit-transition: border-color .3s ease-in-out;
            transition: border-color .3s ease-in-out; }
            .content-product-1807131132 .filter .inner .box .sel_wrap .act:hover {
              border-color: #1c5198; }
            .content-product-1807131132 .filter .inner .box .sel_wrap .act::after {
              position: absolute;
              content: "";
              width: 4px;
              height: 4px;
              border-right: 1px solid #6c6c6c;
              border-bottom: 1px solid #6c6c6c;
              transform: rotate(45deg);
              right: 21px;
              top: 50%;
              margin-top: -1px;
              -webkit-transition: -webkit-transform .3s ease-in-out;
              transition: transform .3s ease-in-out; }
            .content-product-1807131132 .filter .inner .box .sel_wrap .act.on {
              border-color: #1c5198;
              color: #1c5198; }
              .content-product-1807131132 .filter .inner .box .sel_wrap .act.on::after {
                transform: rotate(-135deg); }
          .content-product-1807131132 .filter .inner .box .sel_wrap .lists {
            position: absolute;
            right: 0;
            width: auto;
            min-width: 100%;
            padding: 24px;
            opacity: 0;
            background: #07070b;
            -webkit-transform: translateY(5px);
            -ms-transform: translateY(5px);
            transform: translateY(5px);
            -webkit-transition: visibility 0s linear .3s, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
            transition: visibility 0s linear .3s, opacity .3s ease-in-out, transform .3s ease-in-out;
            visibility: hidden;
            width: auto;
            z-index: 100; }
            .content-product-1807131132 .filter .inner .box .sel_wrap .lists.active {
              opacity: 1;
              -webkit-transform: translateY(-2px);
              -ms-transform: translateY(-2px);
              transform: translateY(-2px);
              -webkit-transition-delay: 0s;
              transition-delay: 0s;
              visibility: visible; }
            .content-product-1807131132 .filter .inner .box .sel_wrap .lists .list {
              position: relative; }
            .content-product-1807131132 .filter .inner .box .sel_wrap .lists .lista {
              position: relative;
              white-space: nowrap;
              display: inline-block;
              color: #fff;
              font-size: 12px;
              line-height: 21px;
              -webkit-transition: color .3s ease-in-out;
              transition: color .3s ease-in-out; }
              .content-product-1807131132 .filter .inner .box .sel_wrap .lists .lista::after {
                content: "";
                position: absolute;
                width: 100%;
                height: 2px;
                background: #1c5198;
                bottom: 0;
                left: 0;
                opacity: 0;
                -webkit-transform: translateY(5px);
                -ms-transform: translateY(5px);
                transform: translateY(5px);
                -webkit-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out;
                transition: transform .2s ease-in-out, opacity .2s ease-in-out; }
              .content-product-1807131132 .filter .inner .box .sel_wrap .lists .lista:hover {
                color: #1c5198; }
                .content-product-1807131132 .filter .inner .box .sel_wrap .lists .lista:hover::after {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                  -ms-transform: translateY(0);
                  transform: translateY(0); }
              .content-product-1807131132 .filter .inner .box .sel_wrap .lists .lista.select {
                color: #1c5198; }
                .content-product-1807131132 .filter .inner .box .sel_wrap .lists .lista.select::after {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                  -ms-transform: translateY(0);
                  transform: translateY(0); }
  .content-product-1807131132 .hd1 {
    background: #f0f0f0;
    width: 100%;
    position: relative;
    padding: 25px 0 0; }
    .content-product-1807131132 .hd1 .inner {
      width: 1200px;
      position: relative;
      margin: 0 auto;
      font-size: 0; }
      .content-product-1807131132 .hd1 .inner .picl {
        width: 50%;
        display: inline-block;
        position: relative;
        padding-bottom: 30px;
        vertical-align: top; }
        .content-product-1807131132 .hd1 .inner .picl .img {
          width: 100%;
          height: 327px;
          overflow: hidden;
          display: flex;
          flex-direction: column;
          align-items: center;
          position: relative; }
          .content-product-1807131132 .hd1 .inner .picl .img img {
            width: auto;
            height: 100%; }
        .content-product-1807131132 .hd1 .inner .picl .picprev {
          cursor: pointer;
          height: 3.4rem;
          width: 1.7rem;
          margin-top: -1.5rem;
          position: absolute;
          top: 50%;
          left: 1rem;
          overflow: hidden;
          text-indent: -999px;
          z-index: 999; }
          .content-product-1807131132 .hd1 .inner .picl .picprev::before {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            position: absolute;
            top: 50%;
            left: 0.2rem;
            top: 1.7rem;
            margin-top: -1px;
            width: 2rem;
            height: 0.3rem;
            background: #07070b;
            content: '';
            display: block;
            -webkit-transform-origin: bottom left;
            -ms-transform-origin: bottom left;
            transform-origin: bottom left;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; }
          .content-product-1807131132 .hd1 .inner .picl .picprev::after {
            top: 1.5rem;
            left: 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            position: absolute;
            margin-top: -1px;
            width: 2rem;
            height: 0.3rem;
            background: #07070b;
            content: '';
            display: block;
            -webkit-transform-origin: bottom left;
            -ms-transform-origin: bottom left;
            transform-origin: bottom left;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; }
        .content-product-1807131132 .hd1 .inner .picl .picprev:hover::before {
          -webkit-transform: rotate(-50deg);
          -ms-transform: rotate(-50deg);
          transform: rotate(-50deg); }
        .content-product-1807131132 .hd1 .inner .picl .picprev:hover::after {
          -webkit-transform: rotate(50deg);
          -ms-transform: rotate(50deg);
          transform: rotate(50deg); }
        .content-product-1807131132 .hd1 .inner .picl .picnext {
          cursor: pointer;
          height: 3.4rem;
          width: 1.7rem;
          margin-top: -1.5rem;
          position: absolute;
          top: 50%;
          right: 1rem;
          overflow: hidden;
          text-indent: -999px;
          z-index: 999;
          -webkit-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
          transform: rotate(-180deg); }
          .content-product-1807131132 .hd1 .inner .picl .picnext::before {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            position: absolute;
            top: 50%;
            left: 0.2rem;
            top: 1.7rem;
            margin-top: -1px;
            width: 2rem;
            height: 0.3rem;
            background: #07070b;
            content: '';
            display: block;
            -webkit-transform-origin: bottom left;
            -ms-transform-origin: bottom left;
            transform-origin: bottom left;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; }
          .content-product-1807131132 .hd1 .inner .picl .picnext::after {
            top: 1.5rem;
            left: 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            position: absolute;
            margin-top: -1px;
            width: 2rem;
            height: 0.3rem;
            background: #07070b;
            content: '';
            display: block;
            -webkit-transform-origin: bottom left;
            -ms-transform-origin: bottom left;
            transform-origin: bottom left;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; }
        .content-product-1807131132 .hd1 .inner .picl .picnext:hover::before {
          -webkit-transform: rotate(-50deg);
          -ms-transform: rotate(-50deg);
          transform: rotate(-50deg); }
        .content-product-1807131132 .hd1 .inner .picl .picnext:hover::after {
          -webkit-transform: rotate(50deg);
          -ms-transform: rotate(50deg);
          transform: rotate(50deg); }
      .content-product-1807131132 .hd1 .inner .fontr {
        width: 50%;
        display: inline-block;
        position: relative;
        padding-bottom: 30px;
        vertical-align: top; }
        .content-product-1807131132 .hd1 .inner .fontr .bt {
          width: 100%;
          position: relative;
          font-size: 32px;
          line-height: 40px;
          height: 80px;
          overflow: hidden;
          padding: 0 50px;
          text-align: center;
          margin: 40px 0 30px; }
        .content-product-1807131132 .hd1 .inner .fontr .jj {
          width: 100%;
          position: relative;
          font-size: 16px;
          line-height: 24px;
          height: 57px;
          overflow: hidden;
          color: #333;
          text-align: center;
          padding: 0 50px; }
        .content-product-1807131132 .hd1 .inner .fontr .gn {
          position: relative;
          display: table;
          height: 60px;
          margin: 60px auto 0; }
          .content-product-1807131132 .hd1 .inner .fontr .gn ul li {
            width: 150px;
            height: 60px;
            float: left;
            margin: 0 8px;
            background: #fff;
            transition: all .5s;
            position: relative; }
            .content-product-1807131132 .hd1 .inner .fontr .gn ul li a {
              width: 100%;
              height: 100;
              display: block;
              font-size: 16px;
              line-height: 60px;
              color: #000; }
              .content-product-1807131132 .hd1 .inner .fontr .gn ul li .add-to-cart {
              width: 100%;
              height: 100;
              display: block;
              font-size: 16px;
              line-height: 60px;
              cursor: pointer;
              color: #000; }
              .content-product-1807131132 .hd1 .inner .fontr .gn ul li a .tb1 {
                width: 40px;
                height: 40px;
                background-image: url(https://sl2017-static.oss-cn-hangzhou.aliyuncs.com/previewImages/content_page/product/content-product-1807131132/protb.png);
                background-position: 0 0px;
                margin: 10px;
                float: left; }
              .content-product-1807131132 .hd1 .inner .fontr .gn ul li .add-to-cart .tb2 {
                width: 40px;
                height: 40px;
                background-image: url(https://sl2017-static.oss-cn-hangzhou.aliyuncs.com/previewImages/content_page/product/content-product-1807131132/protb.png);
                background-position: 0 80px;
                margin: 10px;
                float: left; }
              .content-product-1807131132 .hd1 .inner .fontr .gn ul li a .tb3 {
                width: 40px;
                height: 40px;
                background-image: url(https://sl2017-static.oss-cn-hangzhou.aliyuncs.com/previewImages/content_page/product/content-product-1807131132/protb.png);
                background-position: 0 40px;
                margin: 10px;
                float: left; }
          .content-product-1807131132 .hd1 .inner .fontr .gn ul li:hover {
            background: #1c5198;
            transition: all .5s; }
            .content-product-1807131132 .hd1 .inner .fontr .gn ul li:hover a {
              color: #fff; }
              .content-product-1807131132 .hd1 .inner .fontr .gn ul li:hover .add-to-cart {
              color: #fff; }
              .content-product-1807131132 .hd1 .inner .fontr .gn ul li:hover a .tb1 {
                background-position: -40px 0px; }
              .content-product-1807131132 .hd1 .inner .fontr .gn ul li:hover .add-to-cart .tb2 {
                background-position: -40px 80px; }
              .content-product-1807131132 .hd1 .inner .fontr .gn ul li:hover a .tb3 {
                background-position: -40px 40px; }
  .content-product-1807131132 .bd1 {
    background: #ffffff;
    width: 100%;
    position: relative;
    padding: 30px 0; }
    .content-product-1807131132 .bd1 .inner {
      width: 1200px;
      height: 100px;
      margin: 0 auto;
      position: relative; }
      .content-product-1807131132 .bd1 .inner .imgli {
        width: 100px;
        height: 100px;
        margin-right: 10px;
        float: left;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        padding: 5px;
        border: 2px transparent solid; }
        .content-product-1807131132 .bd1 .inner .imgli img {
          width: auto;
          height: 100%; }
      .content-product-1807131132 .bd1 .inner .on {
        border: 2px #1c5198 solid; }
  .content-product-1807131132 .hd2 {
    background: #f0f0f0;
    width: 100%;
    position: relative;
    padding: 30px 0; }
    .content-product-1807131132 .hd2 .inner {
      width: 1200px;
      position: relative;
      margin: 0 auto; }
      .content-product-1807131132 .hd2 .inner .nav {
        position: relative;
        height: 30px;
        display: table;
        margin: 0 auto; }
        .content-product-1807131132 .hd2 .inner .nav .li {
          padding: 0 1.2rem;
          font-size: 16px;
          color: #07070b;
          font-weight: 500;
          float: left;
          text-align: center;
          text-transform: uppercase; }
          .content-product-1807131132 .hd2 .inner .nav .li a {
            padding-bottom: 1rem;
            display: block;
            position: relative;
            text-decoration: none;
            -webkit-transition: color .3s ease-in-out;
            transition: color .3s ease-in-out;
            color: #07070b;
            font-size: 16px; }
            .content-product-1807131132 .hd2 .inner .nav .li a::after {
              content: '';
              width: 100%;
              height: 0.2rem;
              position: absolute;
              bottom: 0;
              left: 0;
              right: 0;
              display: block;
              background: #1c5198;
              opacity: 0;
              -webkit-transform: translateY(15px);
              -ms-transform: translateY(15px);
              transform: translateY(15px);
              -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.3s ease-in-out;
              transition: opacity 0.2s cubic-bezier(0.4, 0, 1, 1), transform 0.3s ease-in-out; }
          .content-product-1807131132 .hd2 .inner .nav .li .on {
            color: #1c5198; }
            .content-product-1807131132 .hd2 .inner .nav .li .on::after {
              transform: translateY(0);
              opacity: 1; }
          .content-product-1807131132 .hd2 .inner .nav .li a:hover {
            color: #1c5198;
            -webkit-transition: color .3s ease-in-out;
            transition: color .3s ease-in-out; }
            .content-product-1807131132 .hd2 .inner .nav .li a:hover::after {
              content: '';
              width: 100%;
              height: 0.2rem;
              position: absolute;
              bottom: 0;
              left: 0;
              right: 0;
              display: block;
              background: #1c5198;
              opacity: 1;
              -webkit-transform: translateY(0);
              -ms-transform: translateY(0);
              transform: translateY(0);
              -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.3s ease-in-out;
              transition: opacity 0.2s cubic-bezier(0.4, 0, 1, 1), transform 0.3s ease-in-out; }
      .content-product-1807131132 .hd2 .inner .nr {
        font-size: 14px;
        line-height: 20px;
        color: #333;
        padding: 50px 20px 30px;
        text-align: center; }
  .content-product-1807131132 .bd2 {
    background: #ffffff;
    width: 100%;
    position: relative;
    padding: 30px 0; }
    .content-product-1807131132 .bd2 .tjbt {
      width: 1200px;
      margin: 30px auto;
      position: relative;
      text-align: center;
      font-size: 18px;
      line-height: 24px;
      font-weight: 500; }
    .content-product-1807131132 .bd2 .listwrap {
      position: relative;
      width: 1200px;
      margin: 24px auto;
      display: flex;
      align-content: flex-start;
      justify-content: flex-start;
      flex-flow: row wrap; }
      .content-product-1807131132 .bd2 .listwrap .li {
        position: relative;
        width: 25%;
        padding: 0 12px;
        padding-bottom: 24px; }
      .content-product-1807131132 .bd2 .listwrap .item {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 36px;
        transition: .3s; }
        .content-product-1807131132 .bd2 .listwrap .item:hover::before, .content-product-1807131132 .bd2 .listwrap .item:hover::after {
          opacity: 1;
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1); }
        .content-product-1807131132 .bd2 .listwrap .item::after {
          border: solid #1c5198;
          content: "";
          opacity: 0;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
          transition: opacity .3s ease-in-out, transform .3s ease-in-out;
          -webkit-transform: scale(0.1);
          -ms-transform: scale(0.1);
          transform: scale(0.1);
          pointer-events: none;
          z-index: 10;
          border-width: 0 2px 2px 0;
          left: 0.1rem;
          -webkit-transform-origin: right bottom;
          -ms-transform-origin: right bottom;
          transform-origin: right bottom; }
        .content-product-1807131132 .bd2 .listwrap .item::before {
          border: solid #1c5198;
          content: "";
          opacity: 0;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
          transition: opacity .3s ease-in-out, transform .3s ease-in-out;
          -webkit-transform: scale(0.1);
          -ms-transform: scale(0.1);
          transform: scale(0.1);
          pointer-events: none;
          z-index: 10;
          border-width: 2px 0 0 2px;
          right: 0.1rem;
          -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
          transform-origin: left top; }
        .content-product-1807131132 .bd2 .listwrap .item .txt {
          position: relative;
          width: 100%; }
          .content-product-1807131132 .bd2 .listwrap .item .txt .t1 {
            position: relative;
            height: 84px;
            overflow: hidden;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            font-size: 16px;
            color: #000;
            line-height: 21px;
            text-align: center;
            text-transform: uppercase; }
          .content-product-1807131132 .bd2 .listwrap .item .txt .t2 {
            font-size: 14px;
            color: #07070b;
            margin-top: 15px;
            line-height: 21px;
            text-align: center;
            position: relative;
            height: 42px;
            overflow: hidden; }
          .content-product-1807131132 .bd2 .listwrap .item .txt .lin {
            position: relative;
            width: 40px;
            height: 2px;
            background: #7f7f7f;
            margin: 0 auto;
            margin-top: 10px;
            margin-bottom: 10px; }
      .content-product-1807131132 .bd2 .listwrap .img {
        position: relative;
        width: 100%;
        height: 111px;
        margin-bottom: 12px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .content-product-1807131132 .bd2 .listwrap .img img {
          width: auto;
          height: 100%; }

    .car_wrap {
        position: fixed;
        display: block;
        z-index: 99;
        right: 0;
        bottom: 0;
        width: 230px;
        background-color: #fff;
        border: 1px solid #aaa;
        box-shadow: 0 0 8px #999;
        transform: translateY(234px);
    }

    .car_wrap .car-title {
        position: relative;
        font-weight: bold;
        font-size: 12px;
        line-height: 36px;
        text-align: center;
        color: #fff;
        background-color: #7a8599;
        cursor: pointer; }

    .car_wrap .car-title span {
        display: inline-block;
        font-weight: bold;
        font-size: 12px;
        line-height: 36px;
        text-align: center;
        color: #fff; }

    .car_wrap .car-title .s1 {
        color: #ffb629; }

    .car_wrap .car-title .i2 {
        position: absolute;
        right: 0;
        height: 36px;
        width: 36px;
        top: 0;
        line-height: 36px;
        font-size: 14px; }

    .car_wrap .car-title .i1 {
        position: absolute;
        left: 6px;
        height: 26px;
        width: 26px;
        top: 5px;
        cursor: pointer;
        background: url(https://sl2017-static.oss-cn-hangzhou.aliyuncs.com/previewImages/content_page/product/content-prudoct-1/ud.jpg) top center no-repeat; }

    .car_wrap .car-title .i1.close {
        background-position: center -26px; }

    .car_wrap .car-bd {
        position: relative;
        width: 100%; }

    .car_wrap .car-bd .list {
        position: relative;
        width: 100%;
        height: 190px;
        padding: 2px 1px;
        overflow-y: auto; }

    .car_wrap .car-bd .list::-webkit-scrollbar {
        width: 0; }

    .car_wrap .car-bd .list ul {
        position: relative;
        width: 100%; }

    .car_wrap .car-bd .list ul li {
        position: relative;
        width: 100%;
        padding: 8px 0;
        border-bottom: 1px solid #e8e8e8; }

    .car_wrap .car-bd .list ul li a {
        position: relative;
        margin-left: 10px;
        display: block;
        font-size: 12px;
        line-height: 16px; }

    .car_wrap .car-bd .list ul li:hover {
        background-color: #fffeee; }

    .car_wrap .car-bd .list ul li:hover .delt {
        display: block; }

    .car_wrap .car-bd .list ul li .delt {
        position: absolute;
        display: none;
        top: 25px;
        left: 50px;
        content: "";
        margin-top: 8px;
        color: #888; }

    .car_wrap .car-bd .list ul li .delt:hover {
        text-decoration: underline !important; }

    .car_wrap .car-bd .list ul li a .img {
        position: relative;
        width: 40px;
        height: 40px;
        overflow: hidden; }

    .car_wrap .car-bd .list ul li a .img img {
        width: 100%;
        height: 100%; }

    .car_wrap .car-bd .list ul li a .t {
        position: absolute;
        top: 0;
        left: 50px;
        width: 160px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #246bb3; }

    .car_wrap .car-bd .ft {
        position: relative;
        padding: 10px;
        font-size: 12px;
        overflow: hidden; }

    .car_wrap .car-bd .ft .ftbtn {
        position: relative;
        float: right;
        line-height: 16px;
        padding: 4px 10px;
        font-size: 12px;
        color: #fff;
        border: 0;
        background-color: #e64545;
        border-radius: 3px; }        


/*新闻列表*/
.inner-news-center-1807131132 .filter {
    position: relative;
    width: 100%;
    min-width: 1200px;
    border-bottom: 1px solid #dadadb;
    padding: 20px 0; }
    .inner-news-center-1807131132 .filter .inner {
      position: relative;
      width: 1200px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .inner-news-center-1807131132 .filter .inner .box {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; }
        .inner-news-center-1807131132 .filter .inner .box span {
          font-size: 12px;
          color: #6c6c6c; }
        .inner-news-center-1807131132 .filter .inner .box .sel_wrap {
          position: relative;
          margin-left: 12px; }
          .inner-news-center-1807131132 .filter .inner .box .sel_wrap .act {
            position: relative;
            display: block;
            padding: 22px;
            padding-right: 46px;
            font-size: 13px;
            color: #07070b;
            border: 2px solid transparent;
            -webkit-transition: border-color .3s ease-in-out;
            transition: border-color .3s ease-in-out; }
            .inner-news-center-1807131132 .filter .inner .box .sel_wrap .act:hover {
              border-color: #1c5198; }
            .inner-news-center-1807131132 .filter .inner .box .sel_wrap .act::after {
              position: absolute;
              content: "";
              width: 4px;
              height: 4px;
              border-right: 1px solid #6c6c6c;
              border-bottom: 1px solid #6c6c6c;
              transform: rotate(45deg);
              right: 21px;
              top: 50%;
              margin-top: -1px;
              -webkit-transition: -webkit-transform .3s ease-in-out;
              transition: transform .3s ease-in-out; }
            .inner-news-center-1807131132 .filter .inner .box .sel_wrap .act.on {
              border-color: #1c5198;
              color: #1c5198; }
              .inner-news-center-1807131132 .filter .inner .box .sel_wrap .act.on::after {
                transform: rotate(-135deg); }

    .inner-news-center-1807131132 {
        position: relative; }
    .inner-news-center-1807131132 .banner {
        position: relative;
        background: rgba(0, 0, 0, 0.4);
        z-index: 1000;
        margin-top: -60px; }
    .inner-news-center-1807131132 .banner .inner {
        position: relative;
        min-height: 60px;
        display: flex;
        align-items: center;
        justify-content: space-between; }
    .inner-news-center-1807131132 .banner .inner .a_wrap {
        position: relative;
        display: flex; }
    .inner-news-center-1807131132 .banner .inner .a_wrap .a {
        line-height: 120%;
        color: #fff;
        font-size: 12px; }
    .inner-news-center-1807131132 .banner .inner .a_wrap a.a:hover {
        text-decoration: underline; }
    .inner-news-center-1807131132 .banner .inner .a_wrap span {
        padding-left: 10px;
        padding-right: 10px; }
    .inner-news-center-1807131132 .banner .inner .nav {
        max-width: 1000px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center; }
    .inner-news-center-1807131132 .banner .inner ul {
        position: relative;
        overflow: hidden;
        display: flex;
        align-content: center;
        justify-content: flex-start; }
    .inner-news-center-1807131132 .banner .inner ul li {
        position: relative;
        padding-left: 15px;
        padding-right: 15px; }
    .inner-news-center-1807131132 .banner .inner ul li:hover a {
        color: #FFFFFF;
        background: #fb4542; }
    .inner-news-center-1807131132 .banner .inner ul li.on a {
        color: #FFFFFF;
        background: #fb4542; }
    .inner-news-center-1807131132 .banner .inner ul li a {
        position: relative;
        max-width: 120px;
        padding-left: 10px;
        padding-right: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        border-radius: 3px;
        text-align: center;
        line-height: 30px;
        font-size: 14px;
        color: #fff;
        cursor: pointer; }
    .inner-news-center-1807131132 .banner .inner .more {
        position: relative;
        width: 80px;
        margin-left: 10px;
        display: block;
        text-align: center;
        background: transparent;
        height: 100%;
        line-height: 30px;
        z-index: 9999;
        font-size: 14px;
        color: #fff; }
    .inner-news-center-1807131132 .banner .inner .more:hover {
        color: #FFFFFF;
        background: #fb4542; }
    .inner-news-center-1807131132 .banner .inner .morelay {
        position: absolute;
        top: 60px;
        left: 0;
        width: 1200px;
        height: auto;
        background: rgba(0, 0, 0, 0.4); }
    .inner-news-center-1807131132 .banner .inner .morelay ul {
        position: relative;
        padding: 15px;
        padding-bottom: 5px;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-flow: row wrap; }
    .inner-news-center-1807131132 .banner .inner .morelay ul li {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 15px; }
    .inner-news-center-1807131132 .banner .inner .morelay ul li a {
        position: relative;
        max-width: 120px;
        padding-left: 10px;
        padding-right: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        border-radius: 3px;
        text-align: center;
        line-height: 30px;
        font-size: 14px;
        color: #fff;
        cursor: pointer; }
    .inner-news-center-1807131132 .wrap {
        position: relative;
        background: #fff; }
    .inner-news-center-1807131132 .wrap .inner {
        position: relative;
        background: #fff; }
    .inner-news-center-1807131132 .wrap .inner .list {
        position: relative;
        width: 100%;
        padding: 40px; }
    .inner-news-center-1807131132 .wrap .inner .list li {
        position: relative;
        padding-bottom: 20px;
        padding-top: 20px;
        border-bottom: 1px dotted #929292;
        overflow: hidden; }
    .inner-news-center-1807131132 .wrap .inner .list li .img {
        position: relative;
        float: left;
        display: block;
        width: 240px;
        height: 150px;
        overflow: hidden; }
    .inner-news-center-1807131132 .wrap .inner .list li .img img {
        width: 100%;
        height: auto; }
    .inner-news-center-1807131132 .wrap .inner .list li .twrap {
        position: relative;
        margin-left: 260px; }
    .inner-news-center-1807131132 .wrap .inner .list li .twrap .t {
        position: relative;
        width: 100%;
        padding-top: 5px; }
    .inner-news-center-1807131132 .wrap .inner .list li .twrap .t .l {
        position: relative;
        font-size: 18px;
        display: inline-block;
        color: #1c5198; }
    .inner-news-center-1807131132 .wrap .inner .list li .twrap .t .l:hover {
        color: #0064d4; }
    .inner-news-center-1807131132 .wrap .inner .list li .twrap .t .r {
        position: relative;
        font-size: 18px;
        display: inline-block;
        color: #5a5a5a;
        padding-left: 5px; }
    .inner-news-center-1807131132 .wrap .inner .list li .twrap .t .r:hover {
        color: #1c5198; }
    .inner-news-center-1807131132 .wrap .inner .list li .twrap .date {
        color: #929292;
        position: relative;
        font-size: 12px;
        padding-top: 10px; }
    .inner-news-center-1807131132 .wrap .inner .list li .twrap .txt {
        padding-top: 5px;
        position: relative;
        width: 100%;
        font-size: 14px;
        color: #5a5a5a;
        line-height: 140%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden; }

        .inw {
    width: 1200px;
    margin: 0 auto;
}


/*新闻详情*/
.content-news-1807071419 {
  width: 100%;
  height: 80px;
  border-bottom: 1px #e6e6e6 solid;
  box-shadow: 0 1px #f7f7f7; }
  .content-news-1807071419 .wzdh {
    width: 1200px;
    height: 80px;
    margin: 0 auto; }
    .content-news-1807071419 .wzdh .dh {
      float: left;
      margin-top: 30px;
      font-size: 12px;
      line-height: 1.1em;
      color: #999; }
      .content-news-1807071419 .wzdh .dh a {
        color: #999; }
      .content-news-1807071419 .wzdh .dh a:hover {
        color: #fb4542; }
      .content-news-1807071419 .wzdh .dh span {
        padding: 0 10px; }
    .content-news-1807071419 .wzdh .lm {
      float: right; }
      .content-news-1807071419 .wzdh .lm ul li {
        text-align: center;
        float: left; }
        .content-news-1807071419 .wzdh .lm ul li a {
          font-size: 16px;
          color: #999;
          border-top: 2px solid #fff;
          line-height: 77px;
          display: inline-block;
          padding: 0 20px; }
        .content-news-1807071419 .wzdh .lm ul li a:hover {
          color: #fb4542;
          background: #f8f8f8;
          border-top: 2px solid #fb4542; }

.content-news-1807071419 {
  width: 100%;
  height: auto; }
  .content-news-1807071419 .newsshow {
    width: 1200px;
    margin: 0 auto;
    position: relative; }
    .content-news-1807071419 .newsshow .bt {
      width: 100%;
      font-size: 32px;
      color: #333;
      font-weight: 400;
      line-height: 1.3em;
      text-align: center;
      padding-top: 50px;
      overflow: hidden; }
    .content-news-1807071419 .newsshow .sj {
      text-align: center;
      padding: 20px 0 45px 0;
      margin: 0 auto;
      display: table; }
      .content-news-1807071419 .newsshow .sj .sj1 {
        padding-right: 20px;
        float: left; }
        .content-news-1807071419 .newsshow .sj .sj1 .sjzt {
          font-size: 14px;
          line-height: 24px;
          color: #333;
          float: left; }
        .content-news-1807071419 .newsshow .sj .sj1 .xltb {
          width: 24px;
          height: 24px;
          background: url(https://sl2017-static.oss-cn-hangzhou.aliyuncs.com/previewImages/inner_page/news/inner-news-1807071419/nsstb.png) 0px -24px no-repeat;
          float: left;
          margin-left: 15px; }
        .content-news-1807071419 .newsshow .sj .sj1 .xltb:hover {
          background: url(https://sl2017-static.oss-cn-hangzhou.aliyuncs.com/previewImages/inner_page/news/inner-news-1807071419/nsstb.png) -24px -24px no-repeat; }
        .content-news-1807071419 .newsshow .sj .sj1 .wxtb {
          width: 24px;
          height: 24px;
          background: url(https://sl2017-static.oss-cn-hangzhou.aliyuncs.com/previewImages/inner_page/news/inner-news-1807071419/nsstb.png) 0px 0px no-repeat;
          float: left;
          margin-left: 15px; }
        .content-news-1807071419 .newsshow .sj .sj1 .wxtb:hover {
          background: url(https://sl2017-static.oss-cn-hangzhou.aliyuncs.com/previewImages/inner_page/news/inner-news-1807071419/nsstb.png) -24px 0px no-repeat; }
      .content-news-1807071419 .newsshow .sj .sj2 {
        font-size: 14px;
        color: #999;
        line-height: 24px;
        padding-left: 20px;
        border-left: 1px #999 solid;
        float: left; }
    .content-news-1807071419 .newsshow .zt {
      width: 100%;
      font-size: 16px;
      color: #666;
      line-height: 1.75em;
      margin-bottom: 60px;
      text-align: left; }
    .content-news-1807071419 .newsshow .sxbtn {
      border-top: 1px #eeeeee solid;
      width: 100%;
      height: 40px;
      padding-bottom: 80px; }
      .content-news-1807071419 .newsshow .sxbtn .prev {
        width: 45%;
        padding-left: 20px;
        font-size: 14px;
        color: #999;
        line-height: 40px;
        overflow: hidden;
        float: left;
        text-align: left; }
        .content-news-1807071419 .newsshow .sxbtn .prev a {
          font-size: 14px;
          color: #1c5198; }
      .content-news-1807071419 .newsshow .sxbtn .next {
        width: 45%;
        padding-right: 20px;
        font-size: 14px;
        color: #999;
        float: right;
        line-height: 40px;
        overflow: hidden;
        text-align: right; }
        .content-news-1807071419 .newsshow .sxbtn .next a {
          font-size: 14px;
          color: #1c5198; }

    .content-news-1807071419 .filter {
    position: relative;
    width: 100%;
    min-width: 1200px;
    border-bottom: 1px solid #dadadb;
    padding: 20px 0; }
    .content-news-1807071419 .filter .inner {
      position: relative;
      width: 1200px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .content-news-1807071419 .filter .inner .box {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; }
        .content-news-1807071419 .filter .inner .box span {
          font-size: 12px;
          color: #6c6c6c; }
        .content-news-1807071419 .filter .inner .box .sel_wrap {
          position: relative;
          margin-left: 12px; }
          .content-news-1807071419 .filter .inner .box .sel_wrap .act {
            position: relative;
            display: block;
            padding: 22px;
            padding-right: 46px;
            font-size: 13px;
            color: #07070b;
            border: 2px solid transparent;
            -webkit-transition: border-color .3s ease-in-out;
            transition: border-color .3s ease-in-out; }
            .content-news-1807071419 .filter .inner .box .sel_wrap .act:hover {
              border-color: #1c5198; }
            .content-news-1807071419 .filter .inner .box .sel_wrap .act::after {
              position: absolute;
              content: "";
              width: 4px;
              height: 4px;
              border-right: 1px solid #6c6c6c;
              border-bottom: 1px solid #6c6c6c;
              transform: rotate(45deg);
              right: 21px;
              top: 50%;
              margin-top: -1px;
              -webkit-transition: -webkit-transform .3s ease-in-out;
              transition: transform .3s ease-in-out; }
            .content-news-1807071419 .filter .inner .box .sel_wrap .act.on {
              border-color: #1c5198;
              color: #1c5198; }
              .content-news-1807071419 .filter .inner .box .sel_wrap .act.on::after {
                transform: rotate(-135deg); }


/*图片列表*/
.inner-solution-1807131132 .filter {
    position: relative;
    width: 100%;
    min-width: 1200px;
    border-bottom: 1px solid #dadadb;
    padding: 20px 0; }
    .inner-solution-1807131132 .filter .inner {
      position: relative;
      width: 1200px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .inner-solution-1807131132 .filter .inner .box {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; }
        .inner-solution-1807131132 .filter .inner .box span {
          font-size: 12px;
          color: #6c6c6c; }
        .inner-solution-1807131132 .filter .inner .box .sel_wrap {
          position: relative;
          margin-left: 12px; }
          .inner-solution-1807131132 .filter .inner .box .sel_wrap .act {
            position: relative;
            display: block;
            padding: 22px;
            padding-right: 46px;
            font-size: 13px;
            color: #07070b;
            border: 2px solid transparent;
            -webkit-transition: border-color .3s ease-in-out;
            transition: border-color .3s ease-in-out; }
            .inner-solution-1807131132 .filter .inner .box .sel_wrap .act:hover {
              border-color: #1c5198; }
            .inner-solution-1807131132 .filter .inner .box .sel_wrap .act::after {
              position: absolute;
              content: "";
              width: 4px;
              height: 4px;
              border-right: 1px solid #6c6c6c;
              border-bottom: 1px solid #6c6c6c;
              transform: rotate(45deg);
              right: 21px;
              top: 50%;
              margin-top: -1px;
              -webkit-transition: -webkit-transform .3s ease-in-out;
              transition: transform .3s ease-in-out; }
            .inner-solution-1807131132 .filter .inner .box .sel_wrap .act.on {
              border-color: #1c5198;
              color: #1c5198; }
              .inner-solution-1807131132 .filter .inner .box .sel_wrap .act.on::after {
                transform: rotate(-135deg); }

    .inner-solution-1807131132 {
        position: relative; }
    .inner-solution-1807131132 .banner {
        position: relative;
        background: rgba(0, 0, 0, 0.4);
        z-index: 1000;
        margin-top: -60px; }
    .inner-solution-1807131132 .banner .inner {
        position: relative;
        min-height: 60px;
        display: flex;
        align-items: center;
        justify-content: space-between; }
    .inner-solution-1807131132 .banner .inner .a_wrap {
        position: relative;
        display: flex; }
    .inner-solution-1807131132 .banner .inner .a_wrap .a {
        line-height: 120%;
        color: #fff;
        font-size: 12px; }
    .inner-solution-1807131132 .banner .inner .a_wrap a.a:hover {
        text-decoration: underline; }
    .inner-solution-1807131132 .banner .inner .a_wrap span {
        padding-left: 10px;
        padding-right: 10px; }
    .inner-solution-1807131132 .banner .inner .nav {
        max-width: 1000px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center; }
    .inner-solution-1807131132 .banner .inner ul {
        position: relative;
        overflow: hidden;
        display: flex;
        align-content: center;
        justify-content: flex-start; }
    .inner-solution-1807131132 .banner .inner ul li {
        position: relative;
        padding-left: 15px;
        padding-right: 15px; }
    .inner-solution-1807131132 .banner .inner ul li:hover a {
        color: #FFFFFF;
        background:  #fb4542; }
    .inner-solution-1807131132 .banner .inner ul li a.on {
        color: #FFFFFF;
        background: #fb4542; }
    .inner-solution-1807131132 .banner .inner ul li a {
        position: relative;
        max-width: 120px;
        padding-left: 10px;
        padding-right: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        border-radius: 3px;
        text-align: center;
        line-height: 30px;
        font-size: 14px;
        color: #fff;
        cursor: pointer; }
    .inner-solution-1807131132 .banner .inner .more {
        position: relative;
        width: 80px;
        margin-left: 10px;
        display: block;
        text-align: center;
        background: transparent;
        height: 100%;
        line-height: 30px;
        z-index: 9999;
        font-size: 14px;
        color: #fff; }
    .inner-solution-1807131132 .banner .inner .more:hover {
        color: #FFFFFF;
        background:  #fb4542; }
    .inner-solution-1807131132 .banner .inner .morelay {
        position: absolute;
        top: 60px;
        left: 0;
        width: 1200px;
        height: auto;
        background: rgba(0, 0, 0, 0.4); }
    .inner-solution-1807131132 .banner .inner .morelay ul {
        position: relative;
        padding: 15px;
        padding-bottom: 5px;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-flow: row wrap; }
    .inner-solution-1807131132 .banner .inner .morelay ul li {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 15px; }
    .inner-solution-1807131132 .banner .inner .morelay ul li a {
        position: relative;
        max-width: 120px;
        padding-left: 10px;
        padding-right: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        border-radius: 3px;
        text-align: center;
        line-height: 30px;
        font-size: 14px;
        color: #fff;
        cursor: pointer; }
    .inner-solution-1807131132 .product {
        position: relative;
        background: #fff; }
    .inner-solution-1807131132 .product .inner {
        position: relative;
        background: #fff; }
    .inner-solution-1807131132 .product .inner .list {
        position: relative;
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-flow: row wrap;
        padding-top: 40px; }
    .inner-solution-1807131132 .product .inner .list li {
        position: relative;
        margin-right: 19px;
        margin-bottom: 20px;
        padding: 15px;
        border: 2px solid #f4f4f4; }
    .inner-solution-1807131132 .product .inner .list li:nth-child(3n) {
        margin-right: 0; }
    .inner-solution-1807131132 .product .inner .list li:hover {
        border: 2px solid #1c5198;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
    .inner-solution-1807131132 .product .inner .list li .img {
        position: relative;
        display: block;
        width: 352px;
        height: 220px;
        overflow: hidden; }
    .inner-solution-1807131132 .product .inner .list li .img img {
        width: 100%;
        height: auto; }
    .inner-solution-1807131132 .product .inner .list li .t {
        position: relative;
        width: 352px;
        padding-top: 15px;
        text-align: center;
        font-size: 18px;
        color: #5a5a5a; }
    .inner-solution-1807131132 .product .inner .list li .txt {
        padding-top: 10px;
        position: relative;
        width: 352px;
        font-size: 14px;
        height: 50px;
        color: #5a5a5a;
        line-height: 136%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; }

/*解决方案详情*/

 .content-solution-1 {
        position: relative;
        width: 100%;
        min-width: 1200px;
        background: #f1f4f5;
        z-index: 0;
    }
    .content-solution-1 .navbar {
        position: relative;
        width: 100%;
        min-width: 1200px;
    }
    .content-solution-1 .navbar .nav {
        position: relative;
        margin: 0 auto;
        width: 1200px;
        height: 50px;
    }
    .content-solution-1 .navbar .nav .s1 {
        position: relative;
        height: 100%;
        line-height: 50px;
        color: #37474f;
        font-weight: 500;
        font-size: 18px;
    }
    .content-solution-1 .navbar .nav .s2 {
        position: relative;
        height: 100%;
        line-height: 50px;
        color: #393939;
        font-size: 15px;
    }
    .content-solution-1 .imgshow {
        position: relative;
        width: 100%;
        min-width: 1200px;
        cursor: pointer;
    }
    .content-solution-1 .imgshow .imginner {
        position: relative;
        width: 100%;
    }
    .content-solution-1 .imgshow .imginner .item {
        position: relative;
        width: 1200px;
        height: 624px;
        overflow: hidden;
        display: flex;
        align-items: center;
        flex-direction: column;
        margin: 0 auto;
    }
    .content-solution-1 .imgshow .imginner .item img {
        width: auto;
        height: 100%;
    }
    .content-solution-1 .carousel-indicators {
        position: absolute;
        bottom: 20px;
        left: 50%;
        margin-left: -600px !important;
        text-align: center;
        width: 1200px;
        margin: 0 auto;
        z-index: 15;
    }
    .content-solution-1 .carousel-indicators li {
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        flex-direction: column;
        display: inline-block;
        text-indent: 0;
        width: 84px;
        height: 54px;
        margin: 3px;
    }
    .content-solution-1 .carousel-indicators li.active {
        border: 2px solid rgba(98,168,234,0.4);
    }
    .content-solution-1 .carousel-indicators img {
        display: inline;
        width: 100%;
        height: auto;
    }
    .content-solution-1 .carousel-control {
        position: absolute;
        display: block;
        width: 15%;
        height: 100%;
        top: 0;
        min-width: 50px;
        z-index: 20;
        opacity: 0;
        color: #fff;
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        line-height: 624px;
        cursor: pointer;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
    }
    .content-solution-1 .carousel-control.left {
        left: 0;
    }
    .content-solution-1 .carousel-control.right {
        right: 0;
    }
    .content-solution-1 .carousel-control.left:hover {
        opacity: 0.5;
        background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%);
        background-image: -o-linear-gradient(left, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,.0001)));
        background-image: linear-gradient(to right, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%);
        background-repeat: repeat-x;
    }
    .content-solution-1 .carousel-control.right:hover {
        opacity: 0.5;
        background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
        background-image: -o-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0001)), to(rgba(0,0,0,.5)));
        background-image: linear-gradient(to right, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
        background-repeat: repeat-x;
    }
    .content-solution-1 .content {
        position: relative;
        width: 100%;
        padding: 30px 0;
    }
    .content-solution-1 .content .container {
        position: relative;
        width: 1200px;
        margin: 0 auto;
    }
    .content-solution-1 .content .container .met-editor {
        position: relative;
        background: #fff;
        font-size: 14px;
        padding: 30px;
        line-height: 1.8;
        font-size: 18px;
        font-weight: 300;
        color: #222;
    }


/*联系我们*/
.inner-contact-22 {
  position: relative;
  width: 100%;
  min-width: 1200px; }
  .inner-contact-22 .inner {
    position: relative;
    width: 1200px;
    margin: 20px auto 0px; }
  .inner-contact-22 .wrap {
    position: relative;
    width: 100%;
    min-width: 1200px;
    background-image: url(https://sl2017-static.oss-cn-hangzhou.aliyuncs.com/previewImages/content_page/article/congtent-about-22/contact-us.jpg);
    background-attachment: fixed;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat; }
    .inner-contact-22 .wrap .hd {
      position: relative;
      width: 100%;
      padding: 76px 0; }
      .inner-contact-22 .wrap .hd .t1 {
        position: relative;
        width: 100%;
        text-align: center;
        line-height: 2em;
        text-align: center;
        font-size: 24px;
        color: #fff;
        font-weight: bold; }
      .inner-contact-22 .wrap .hd .t2 {
        position: relative;
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #fff;
        line-height: 2em; }
        .inner-contact-22 .wrap .hd .t2 span {
          margin: 0 5px; }
        .inner-contact-22 .wrap .hd .t2 .t2a {
          font-size: 14px;
          color: #fff;
          line-height: 2em;
          margin: 0 5px; }
          .inner-contact-22 .wrap .hd .t2 .t2a:hover {
            text-decoration: underline; }
    .inner-contact-22 .wrap .bd {
      position: relative;
      width: 100%;
      padding-top: 108px;
      padding-bottom: 20px;
      background-image: url(https://sl2017-static.oss-cn-hangzhou.aliyuncs.com/previewImages/inner_page/carousel/inner-carousel-22/baise.png);
      background-position: center top;
      background-repeat: no-repeat;
      background-size: initial;
      background-attachment: scroll; }
    .inner-contact-22 .wrap .inner_wrap {
      position: relative;
      width: 100%;
      min-width: 1200px;
      background: #fff; }
    .inner-contact-22 .wrap .title {
      position: relative;
      width: 100%; }
      .inner-contact-22 .wrap .title .logo {
        position: relative;
        width: 36px;
        height: 36px;
        margin: 0 auto; }
        .inner-contact-22 .wrap .title .logo:hover {
          transform: rotateY(360deg);
          -ms-transform: rotateY(360deg);
          -moz-transform: rotateY(360deg);
          -webkit-transform: rotateY(360deg);
          -o-transform: rotateY(360deg);
          transition: transform 1s;
          -moz-transition: transform 1s;
          -webkit-transition: transform 1s;
          -o-transition: transform 1s; }
        .inner-contact-22 .wrap .title .logo img {
          width: 100%;
          height: 100%; }
      .inner-contact-22 .wrap .title .t3 {
        position: relative;
        text-align: center;
        font-size: 20px;
        color: #1d1d1d;
        line-height: 36px;
        margin-bottom: 18px;
        margin-top: 15px;
        font-weight: bold; }
    .inner-contact-22 .wrap .conts {
      position: relative;
      width: 100%;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      padding-bottom: 60px; }
      .inner-contact-22 .wrap .conts .box {
        position: relative;
        width: 100%; }
        .inner-contact-22 .wrap .conts .box .inb {
          position: relative;
          margin: 0 10px; }
          .inner-contact-22 .wrap .conts .box .inb .li {
            position: relative;
            margin-bottom: 10px; }
            .inner-contact-22 .wrap .conts .box .inb .li .q {
              position: relative;
              width: 100%;
              padding-bottom: 10px;
              font-size: 20px;
              color: #1d1d1d;
              font-weight: bold; }
            .inner-contact-22 .wrap .conts .box .inb .li .tip {
              position: relative;
              width: 100%;
              font-size: 14px;
              color: #717070;
              font-style: italic;
              text-decoration: underline;
              line-height: 25px;
              padding-bottom: 14px; }
            .inner-contact-22 .wrap .conts .box .inb .li .lab {
              position: relative;
              width: 100%;
              font-size: 14px;
              color: #717070;
              line-height: 25px;
              margin-bottom: 5px; }
              .inner-contact-22 .wrap .conts .box .inb .li .lab span {
                color: red;
                padding-right: 5px; }
            .inner-contact-22 .wrap .conts .box .inb .li .inp {
              position: relative;
              width: 100%;
              border: 1px solid #ccc;
              box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
              background: #fff;
              padding: 4px 0;
              text-indent: 6px; }
          .inner-contact-22 .wrap .conts .box .inb .sub {
            position: relative;
            display: block;
            width: 160px;
            height: 40px;
            font-size: 14px;
            color: #000;
            border: 2px solid #000;
            text-align: center;
            line-height: 36px; }
            .inner-contact-22 .wrap .conts .box .inb .sub:hover {
              background: #000;
              color: #fff; }
          .inner-contact-22 .wrap .conts .box .inb .con {
            position: relative;
            width: 100%;
            line-height: 36px;
            font-size: 20px;
            color: #1d1d1d;
            font-weight: bold;
            padding-bottom: 2px;
            border-bottom: 1px solid #ccc;
            margin-bottom: 10px; }
          .inner-contact-22 .wrap .conts .box .inb .cli {
            position: relative;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: flex-start; }
            .inner-contact-22 .wrap .conts .box .inb .cli .cb {
              position: relative;
              width: 50%;
              padding-right: 20px;
              font-size: 14px;
              color: #717070;
              line-height: 28px; }
              .inner-contact-22 .wrap .conts .box .inb .cli .cb.ad {
                width: 100%;
                padding: 10px 0; }
              .inner-contact-22 .wrap .conts .box .inb .cli .cb a {
                font-size: 14px;
                color: #717070; }
                .inner-contact-22 .wrap .conts .box .inb .cli .cb a:hover {
                  text-decoration: underline;
                  color: #000; }
          .inner-contact-22 .wrap .conts .box .inb .map {
            position: relative;
            width: 100%;
            height: 468px; }

 .salenet_wrap {
        position: relative;
        width: 100%;
        min-width: 1200px; }

    .salenet_wrap .salenet {
        position: relative;
        width: 1200px;
        margin: 0 auto;
        overflow: hidden;
        padding-bottom: 30px; }

    .salenet_wrap .salenet .map {
        position: relative;
        float: left;
        width: 77%;
        height: 600px; }

    .salenet_wrap .salenet .mapresult {
        position: relative;
        float: left;
        width: 23%;
        height: 100%;
        border: 1px solid #ececec;
        text-align: justify;
        overflow: hidden; }

    .salenet_wrap .salenet .mapresult .scroll {
        width: 100%;
        height: 550px;
        overflow-y: scroll;
        padding: 15px 0; }

    .salenet_wrap .salenet .mapresult .scroll::-webkit-scrollbar {
        width: 0; }

    .salenet_wrap .salenet .mapresult .scroll .result {
        position: relative;
        padding: 0 20px;
        margin-bottom: 15px;
        cursor: pointer; }

    .salenet_wrap .salenet .mapresult .scroll .result .title {
        position: relative; }

    .salenet_wrap .salenet .mapresult .scroll .result .title a.h {
        color: #6aa9dc;
        font-size: 15px;
        font-weight: 600;
        cursor: pointer; }

    .salenet_wrap .salenet .mapresult .scroll .result p {
        font-size: 13px;
        color: #666;
        line-height: 24px; }

    .salenet_wrap .salenet .mapresult .search_wrap {
        position: relative;
        border-bottom: 1px solid #ececec;
        width: 100%;
        height: 50px;
        overflow: hidden; }
    .salenet_wrap .salenet .mapresult .search_wrap .delt {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        right: 55px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #ddd;
        display: flex;
        align-items: center;
        justify-content: center; }
    .salenet_wrap .salenet .mapresult .search_wrap .delt:hover {
        background: #353535; }
    .salenet_wrap .salenet .mapresult .search_wrap .delt i {
        font-size: 10px;
        color: #fff; }

    .salenet_wrap .salenet .mapresult .search_wrap .search {
        position: relative;
        width: 100%;
        height: 100%;
        font-size: 18px;
        padding-left: 10px;
        padding-right: 50px; }

    .salenet_wrap .salenet .mapresult .search_wrap .img {
        position: absolute;
        padding: 15px;
        top: 0px;
        right: 0px;
        background: #fff; }
    .salenet_wrap .salenet .mapresult .search_wrap .img:hover {
        background: #ddd; }

    .salenet_wrap .salenet .mapresult .search_wrap .img img {
        width: 20px;
        height: 20px; }

    .salenet_wrap .salenet .atitle {
        position: relative;
        width: 100%;
        font-size: 24px;
        color: #333;
        padding-bottom: 30px; }

    #compony-location {
        height: 100%;
        margin: 0;
    }